<template>
  <div id="app">
    <div class="tontent" :class="$route.meta.isShowtabbar !== false ? 'TabrHeight' : 'noTabrHeight'">
      <router-view/>
    </div>
    <div class="bottom" v-if="this.$route.meta.isShowtabbar !== false">
      <list-menu></list-menu>
    </div>
  </div>
</template>

<script>
import $ from 'jquery'
import listMenu from './components/Vue/ListMenu'
export default {
  name: 'App',
  components: {
    'listMenu': listMenu
  },
  data () {
    return {
    }
  },
  mounted () {
    $('#app').css('height', $(window).height() + 'px')
    if (this.$route.meta.isShowtabbar !== false) {
    } else {
    }
  }
}
</script>

<style>
  *{
    margin: 0;
    padding: 0;
  }
  #app {
    width: 100vw;
    font-family: "PingFang SC";
  }
  .tontent{
    width: 100%;
    position: sticky;
    top: 0;
    overflow: auto;
  }
  .noTabrHeight{
    height: 100vh;
  }
  .TabrHeight{
    height: calc(100vh - 50px);
  }
</style>
